<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>孩子界面</title>
<style>

div{
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	/*border:solid ;
	border-color:#Ff0000;*/
	}
body {
	background:#ffffff;
	margin:0px;	
	margin-left:2%;
}
a {
	text-decoration: none;
	color:#036e6c;
	font-weight:bold;
	font-size:9pt;
}
input{
	background:#f2fbfe;
	}
#manager_title{
	width:98%;
	margin-left:2%;
	height:34px;
	}	
.acbu{
	margin-left:3%;
	margin-top:8px;
	height:80%;
	width:50px;
	background:#087db6;
	float:left;
	}	
.title_b{
	height:34px;
	float:left;
	cursor:pointer;
	}	
.record{
	width:98%;
	height:40px;
	float:left;
	}	
.record div{
	margin-left:2%;
	}
.upd{
	color:#b9b9b9;
	font-style:oblique;
	height:40px;
	float:left;
	line-height:40px;
	}
.ce{
	width:75%;
    font-size:10pt;
	}	
.ti{
	width:18%;
     font-size:8pt;
	}
.de_c{
	width:90%;
	height:28px;
	}	
.select_page{
	background-color:#999;
	}		
.options{
	height:30px;
	width:170px;
	border-bottom:dotted #e3e3e3 1px;
	cursor:pointer;
	}
.myfontstyle{
    font-family:'黑体';
    letter-spacing:1px;
}			
</style>
<script type="text/javascript" src="../Public/js/jquery-1.7.1.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){  
    $("#shareContent").keydown(function(){  
        var curLength=$("#shareContent").val().length;   
        if(curLength>=25){  
            var num=$("#shareContent").val().substr(0,25);  
            $("#shareContent").val(num);  
            alert("超过字数限制，多出的字将被截断!");  
        }  
        else{  
            var no = $("#shareContent").val().length;
            no=no+"/25";
            $("#textCount").text(no);  
        }  
    })  
});
 function addShare()
 {
    var contents = $('#shareContent').val();
    $.post("{:U('Parent/addShare')}",{content:contents},function(data){
        var jsonObj = $.parseJSON(data);
        $('#dayshare').html(jsonObj.data['content']+"&nbsp;&nbsp&nbsp;&nbsp;<b style='font-size:8pt;'>"+jsonObj.data['ctime']+"</b>"); 
        $('#shareContent').attr('value','');
        });
 }

function modifyInfo(){
    
  window.location.href="{:U('Parent/change_info')}";  
}

function changeHead()
{
   $('#headchange').css('display','block'); 
}
function closeChange()
{
   $('#headchange').css('display','none'); 
}
</script>
<body>
<div style="width:100%;margin-top:2%;height:100%;">

<div id='main' style="float:left;width:67%;">  
  <div style="margin-top:2%;"></div>
  <div style="background:#E2F4FD;height:150px;width:98%;margin-left:2%;">
        <div style="height:40%;width:100%;">
            <div id='childmain' style="float:left;width:90%;height:80%;margin-top:15px;">
				<div id="childname" style="width:15%;border-right:solid thin #b9b9b9;height:40px;float:left; text-align:left;line-height:40px;margin-left:3%;color:#6c6c6c;font-size:14pt;">{$parentname}</div>
    <div style="margin-left:8px;line-height:40px; font-size:15pt;color:#6c6c6c;height:40px;width:79%;float:left;">
					   <div id="dayshare" style="float:left;text-align:inherit;margin-top:3px;color:#357170;color:#357170;font-size:11pt;letter-spacing:1px;font-family:'黑体';"><span>{$shareList.content}</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size:8pt;">{$shareList.ctime}</span></div>
					
			  </div>
			</div>
        </div>
        <!-- 第一栏结束-->
             <div style="height:60%;border:1px solid #dcdfda;border-left:none;border-right:none;background:#f2fafa;width:100%;">
        	<div style="width:100%;height:100%;margin-top:5px;">
            	<input type="text"  id="shareContent" style="height:48%;width:70%;margin-left:3%;margin-top:4%;float:left; font-size:14pt;color:#b9b9b9;background:#f2fafa;" onfocus="this.value=''" value="在这里分享我们每天喜怒哀乐！" />
                <div style="background:url(../Public/child/image/sharing.png) no-repeat center center; width:20%;height:100%;float:left;" onclick="addShare()"></div>
                <div id="textCount" class="myfontstyle" style="clear:right;float:right;width:5%;margin-right:1%;font-size:8pt;color:#b9b9b9;">0/25</div>
            </div>
        </div>
       
    </div>
<div style="width:100%;height:180px;margin-left:2%;">
	<div class="record"></div>
    <div class="record" style="background:#f3f3f3;">
    	<div style="width:16px;height:40px;background:url(../Public/child/image/smile.png) center center no-repeat;float:left;"></div>
		<div style="float:left; text-align:left;font-weight:bold;color:#616163;line-height:40px;">随便写些什么东西在这里</div>
    </div>
    <div class="myfontstyle" style="width:100%">
  <!--分享事情-->
    <volist name='share' id='vo'>
    <div class="record"><div class="upd ce" style="cursor:pointer;">{$vo.content}</div>
    <div class="upd ti">{$vo.ctime}</div></div>
    </volist>
    </div>
</div>   
    
    
</div>
    <div style="float:left;width:6%;background:url(../Public/child/image/m_line.png) no-repeat right center;height:600px; "></div>

<div style="float:left;width:27%;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><div style="background:url(../Public/child/image/head_img.png) no-repeat top center;width:170px;height:185px"><img src="../Public/upload/head/{$parent.picture}" style="width:170px;height:185px"/></div></td>
  </tr>
  <tr>
    <td><div style="width:150px;margin-top:10px;"><div style="width:67px;height:16px;background:url(../Public/child/image/cimg.png) no-repeat; cursor:pointer;float:left;" onclick="changeHead()"></div>&nbsp;<div style="width:67px;height:16px;background:url(../Public/child/image/update.png) no-repeat; cursor:pointer;float:right" onclick="modifyInfo()"></div></div></td>
  </tr>
  <!--显示修改头像-->
  <form id="form1" name="form1" method="post" action="{:U('parentPhoto')}" enctype="multipart/form-data"> 
  <tr id="headchange" style="display: none;"><td><input type="file" name="photo" style="margin-left: 50px;width:70px;cursor:pointer;"/> <input name="describe" type="submit" value="上传" style="margin-left:5px;width:40px;height: 23px;cursor:pointer" /><input name="describe" type="reset" value="放弃" onclick="closeChange()" style="margin-left:5px;width:40px;height: 23px;cursor:pointer" /></td></tr>
  </form>
  
  <tr>
  <tr>
    <td ><div  style="background:url(../Public/child/image/v_line.png) bottom left repeat-x;width:180px;height:7px;"></div></td>
  </tr>
  <tr>
    <td>
    <div style="color:#8C8C8C;font-weight:bold; font-size:12pt;text-align:left;width:180px;padding-top:15px;height:35px;">
      <div style="float:left; margin-right:5px;">浏览{$parentname}个人资料</div>
    </div>   
    </td>
  </tr>
  <tr>
    <td>
   	    <div class="options">{$infoList.company}</div>
        <div class="options">{$infoList.school}</div>
        <div class="options">{$infoList.province}</div>
        <div class="options">{$infoList.address}</div>	
    </td>
  </tr>
</table>
</div>
</div> 
<img src="../Public/child/image/flower.png" style="position:absolute;right:0;bottom:0; z-index:-50;" />
</body>
</html>
